@media only screen and (max-width: 1080px){
.section.grid.x3 .item{ width: 100%; }
}

@media only screen and (max-width: 980px){
#header{ width: 100%; height: auto; float: left; position: relative; top: inherit; left: inherit; right: inherit; }

#header .toggle{ display: none; }
#nav_btn{ display: block; float: right; padding: 16px; margin: 8px 0 0; border: 1px solid #333; cursor: pointer; }
#nav_btn span, #nav_btn span:before, #nav_btn span:after{ 
width: 24px; 
height: 4px; 
float: left; 
display: block; 
background: #fff000; 
position: relative; 
text-indent: -9000px; 
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
#nav_btn span{ margin: 8px 0; }
#nav_btn span:before, #nav_btn span:after{ content: ''; position: absolute; }
#nav_btn span:before{ top: -8px; }
#nav_btn span:after{ bottom: -8px; }
#nav_btn.active span{ background-color: transparent; }
#nav_btn.active span:before, #nav_btn.active span:after{ top: 0; }
#nav_btn.active span:before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#nav_btn.active span:after{ transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); top: 10px; }

#header #nav{ width: 100%; float: left; }
#header #nav ul.menu{ width: 100%; padding: 10px 0 0; margin-top: 0; }
#header #nav ul.menu li{ width: 100%; text-align: center; margin: 5px 0; }
#header #nav ul.menu li a{ display: block; font-size: 14px; font-weight: 300; color: #ccc; line-height: 40px; padding: 0 18px; border: 1px solid #333; position: relative; }
#header #nav ul.menu li a:hover{ color: #fff000; border-color: #fff000; }
#header #nav ul.menu li:last-child a{ color: #fff000; font-weight: bold; border-color: #fff000; text-transform: uppercase; }
#header #nav ul.menu li:last-child a:hover{ color: #141414; background: #fff000; }

#main{ padding: 0; }

.section.grid.x2 .item{ width: 100%; }
}

@media only screen and (max-width: 780px){
#hero .header{ padding: 0 30px; }
#hero .header .icon span{ max-width: 120px; }
#hero .header .logos .logo img{ height: 30px; }
#hero .header h1{ font-size: 52px; line-height: 62px; }
#hero .header h2{ font-size: 24px; line-height: 34px; }
}

@media only screen and (max-width: 580px){
#hero .header{ padding: 0 10px; }
#hero .header .icon{ margin: 0 0 15px; }
#hero .header .icon span{ max-width: 90px; }
#hero .header .logos .logo{ margin: 6px 8px; }
#hero .header .logos .logo img{ height: 20px; }
#hero .header h1{ font-size: 42px; line-height: 52px; }
#hero .header h2{ font-size: 20px; line-height: 30px; }
}

@media only screen and (max-width: 680px){
.section .header{ margin: 0 0 40px; }
.section .header.title h2{ font-size: 46px; line-height: 56px; }
.section .header.title h3{ font-size: 16px; line-height: 24px; padding: 8px 0 0; }

.wpcf7-form div.form_field{ padding: 0; margin: 0 0 10px; }
.wpcf7-form fieldset.x3 div.form_field{ width: 100%; }
.wpcf7-form fieldset.x2 div.form_field{ width: 100%; }
}

@media only screen and (max-width: 480px){
.section.pad{ padding: 25px; }
.section.grid.pad{ padding: 25px 15px; }

#footer{ padding: 0; }
#footer .wrapper{ padding: 40px; }
}